<!DOCTYPE html>
<html lang="zh-CN">





<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/myblog/img/apple-touch-icon.png">
  <link rel="icon" type="image/png" href="/myblog/img/favicon.png">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="description" content="TakCode Blog">
  <meta name="author" content="谢芃">
  <meta name="keywords" content="">
  <title>TakCode</title>

  <link  rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css" />
<link  rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css" />
<link  rel="stylesheet" href="https://cdn.staticfile.org/mdbootstrap/4.13.0/css/mdb.min.css" />
<link  rel="stylesheet" href="https://cdn.staticfile.org/github-markdown-css/3.0.1/github-markdown.min.css" />

<link rel="stylesheet" href="//at.alicdn.com/t/font_1067060_qzomjdt8bmp.css">



  <link  rel="stylesheet" href="/myblog/lib/prettify/tomorrow-night-eighties.min.css" />

<link  rel="stylesheet" href="/myblog/css/main.css" />


  <link defer rel="stylesheet" href="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.css" />


<!-- 自定义样式保持在最底部 -->


<meta name="generator" content="Hexo 4.2.0"></head>


<body>
  <header style="height: 100vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/myblog/">&nbsp;<strong>TakCode</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/">首页</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/archives/">归档</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/categories/">分类</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/tags/">标签</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/about/">关于</a>
          </li>
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

    <div class="view intro-2" id="background" parallax=true
         style="background: url('/myblog/img/default.png') no-repeat center center;
           background-size: cover;">
      <div class="full-bg-img">
        <div class="mask rgba-black-light flex-center">
          <div class="container text-center white-text fadeInUp">
            <span class="h2" id="subtitle">
              
            </span>

            
          </div>

          
            <div class="scroll-down-bar">
              <i class="fas fa-angle-down scroll-down-arrow"></i>
            </div>
          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      <div class="container nopadding-md">
        <div class="py-5 z-depth-3" id="board"
          style=margin-top:0>
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                


  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2021/05/07/%E7%82%B9%E5%87%BB%E7%BB%98%E5%88%B6%E4%BA%8C%E7%BB%B4%E7%A0%81%E5%B9%B6%E4%B8%8B%E8%BD%BD/">
        <p class="h4 index-header">点击绘制二维码并下载</p>
      </a>

      <a href="/myblog/2021/05/07/%E7%82%B9%E5%87%BB%E7%BB%98%E5%88%B6%E4%BA%8C%E7%BB%B4%E7%A0%81%E5%B9%B6%E4%B8%8B%E8%BD%BD/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">绘制二维码主要是用qrcode.js
先引入qrcode.js
&lt;script crossorigin=&quot;anonymous&quot; integrity=&quot;sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==&quot;
src=&quot;https://lib.baomitu.com/qrcodejs/1.0.0/qrcode.min.js&quot;&gt;&lt;/script&gt;
// 下载二维码 
// item</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2021-05-07&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2021/02/19/%E5%8D%97%E6%9F%AF%E8%AF%AD%E6%B3%95%20/">
        <p class="h4 index-header">南柯语法 </p>
      </a>

      <a href="/myblog/2021/02/19/%E5%8D%97%E6%9F%AF%E8%AF%AD%E6%B3%95%20/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">时态  = 时间 + 状态
时间： 过去（ed）、现在（do）、将来（will do）
状态： 一般 、进行、完成 
一般状态： 不强调动作1、一般现在时： do
I watch TV.
2、一般过去时： did
I watched TV yesterday.
3、一般将来时： will do，be going to do 
I will watch TV tonight.
进行状态：强调动作正在进行1、现在进行时：be+ do-ing
I am watching TV.
You are watching TV.
Her is watching TV.
2、过去进行时：was / were +</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2021-02-19&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/12/18/%E4%BB%8E%E8%BE%93%E5%85%A5%20URL%20%E5%88%B0%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/">
        <p class="h4 index-header">从输入 URL 到页面展示</p>
      </a>

      <a href="/myblog/2020/12/18/%E4%BB%8E%E8%BE%93%E5%85%A5%20URL%20%E5%88%B0%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">『从输入 URL 到页面展示』1. 用户输入
组装完整 URL：
用户输入 URL ，浏览器会根据用户输入的信息判断是搜索还是网址，如果是搜索内容，就将 搜索内容+默认搜索引擎 合成新的 URL；
如果用户输入的内容符合 URL 规则，浏览器就会根据 URL 协议，在这段内容上加上协议合成合法的 URL


用户输入完内容，按下回车键，浏览器导航栏显示 loading 状态，但是页面还是呈现前一个页面，这是因为新页面的响应数据还没有获得

2. URL 请求
浏览器进程浏览器构建请求行信息，会通过进程间通信（IPC）将 URL 请求发送给网络进程GET /index.html HTTP1.1
</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-12-18&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/11/21/4%E7%BA%A7%E6%95%91%E5%91%BD%E7%8F%AD/">
        <p class="h4 index-header">4级救命班</p>
      </a>

      <a href="/myblog/2020/11/21/4%E7%BA%A7%E6%95%91%E5%91%BD%E7%8F%AD/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">四六级作文常见题型
图画图表
谚语警句：对一句谚语 / 警句怎么理解，写一篇作文，不少于120个单词
书信
论说文：比如说毕业后去外企工作好，还是国企工作好，写一篇作文

写作最重要的是： 单词-&gt;句子-&gt;文章语言 正确 准确 多变 
结构多用逻辑关系词
内容切题
写作常见土单词排行榜1、thinkhave been convinced that
be of the opinion that
cling to the perspective that 
maintain     contend      assert      argue      assume      clai</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-11-21&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/11/14/TypeScript%E5%AD%A6%E4%B9%A0/">
        <p class="h4 index-header">TypeScript学习</p>
      </a>

      <a href="/myblog/2020/11/14/TypeScript%E5%AD%A6%E4%B9%A0/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1"></div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-11-14&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/10/05/JavaScript%E9%AB%98%E7%A8%8B4%E7%AC%94%E8%AE%B0/">
        <p class="h4 index-header">JavaScript高程4笔记</p>
      </a>

      <a href="/myblog/2020/10/05/JavaScript%E9%AB%98%E7%A8%8B4%E7%AC%94%E8%AE%B0/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">第三章严格模式 ECMAScript 5增加了严格模式（strict mode）的概念。严格模式是 一种不同的JavaScript解析和执行模型，ECMAScript 3的一些不规范写 法在这种模式下会被处理，对于不安全的活动将抛出错误。
// 要对整个脚本启用严格模式，在脚本开头加上这一行
&quot;use strict&quot;;

// 也可以单独指定一个函数在严格模式下执行，只要把这个预处理指令放到函数体开头即可
function doSomething(){
    &quot;use strict&quot;;
    // 函数体
}在严格模式下推荐再使用 ESLint；
v</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-10-05&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/08/27/%E5%B8%B8%E7%94%A8%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/">
        <p class="h4 index-header">常用代码片段</p>
      </a>

      <a href="/myblog/2020/08/27/%E5%B8%B8%E7%94%A8%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">图片转base64
    urlTobase64(url, e) {
      uni.request({
        url: url,
        method: &#39;GET&#39;,
        responseType: &#39;arraybuffer&#39;,
        success: (res) =&gt; {
          let base64 = uni.arrayBufferToBase64(res.data) //把arraybuffer转成base64
          base64 = &#39;data:image/jpeg</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-08-27&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/08/14/%E4%BD%BF%E7%94%A8AnyProxy%E8%BF%9B%E8%A1%8C%E6%8A%93%E5%8C%85/">
        <p class="h4 index-header">使用AnyProxy进行抓包</p>
      </a>

      <a href="/myblog/2020/08/14/%E4%BD%BF%E7%94%A8AnyProxy%E8%BF%9B%E8%A1%8C%E6%8A%93%E5%8C%85/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">使用AnyProxy进行抓包
AnyProxy使用文档（需翻墙）
安装 AnyProxy 之前，需要先安装node.js
安装npm install -g anyproxy启动anyproxy启动后将终端http代理服务器配置为127.0.0.1:8001即可访问http://127.0.0.1:8002 ，web界面上能看到所有的请求信息

代理HTTPS AnyProxy默认不对https请求做处理，如需看到明文信息，需要配置CA证书 

解析https请求的原理是中间人攻击（man-in-the-middle），用户必须信任AnyProxy生成的CA证书，才能进行后续流程

生成证书并解</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-08-14&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/07/21/%E6%96%B0%E6%A6%82%E5%BF%B52/">
        <p class="h4 index-header">新概念2</p>
      </a>

      <a href="/myblog/2020/07/21/%E6%96%B0%E6%A6%82%E5%BF%B52/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">第一课Word bank
private                 adj. 私人的
conversation            n.    谈话
theater                        n.    剧场、戏院
seat                            n.  座位
play                            n. 戏
loudly                        adv.    大声地
angry                        adj.生气的
angrily                </div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-07-21&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/07/15/%E6%97%A5%E5%B8%B8%E5%BC%80%E5%8F%91JS%E7%AF%87/">
        <p class="h4 index-header">日常开发JS篇</p>
      </a>

      <a href="/myblog/2020/07/15/%E6%97%A5%E5%B8%B8%E5%BC%80%E5%8F%91JS%E7%AF%87/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">数组反转
    // 数组反转
    arrReverse(arr) {
      for (let i = 0; i &lt; arr.length / 2; i++) {
        let temp = arr[i]
        arr[i] = arr[arr.length - 1 - i]
        arr[arr.length - 1 - i] = temp
      }
      return arr
    }
</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-07-15&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>



  <nav aria-label="index posts navigation">
    <span class="pagination pg-blue justify-content-center mt-5" id="pagination">
      <span class="page-number current">1</span><a class="page-number" href="/myblog/page/2/">2</a><a class="page-number" href="/myblog/page/3/">3</a><a class="extend next" rel="next" href="/myblog/page/2/"><i class="fas fa-angle-double-right"></i></a>
    </span>
  </nav>
  
  <script>
    for (ele of document.getElementById("pagination").getElementsByTagName("a")) {
      ele.href += '#board';
    }
  </script>



              </div>
            </div>
          </div>
        </div>
      </div>
    
  </main>

  
    <a class="z-depth-1" id="scroll-top-button" href="#" role="button">
      <i class="fa fa-chevron-up scroll-top-arrow" aria-hidden="true"></i>
    </a>
  

  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  

  

  

  <footer class="mt-5">
  <div class="text-center py-3">
    <div>
      <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><b>Hexo</b></a>
      <i class="iconfont icon-love"></i>
      <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"> <b>Fluid</b></a>
    </div>
    

    

    
  </div>
</footer>

<!-- SCRIPTS -->
<script  src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js" ></script>
<script  src="https://cdn.staticfile.org/popper.js/1.16.1/umd/popper.min.js" ></script>
<script  src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js" ></script>
<script  src="https://cdn.staticfile.org/mdbootstrap/4.13.0/js/mdb.min.js" ></script>
<script  src="/myblog/js/main.js" ></script>


  <script  src="/myblog/js/lazyload.js" ></script>





  <script defer src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js" ></script>
  <script  src="/myblog/js/clipboard-use.js" ></script>








<!-- Plugins -->



  <script  src="https://cdn.staticfile.org/prettify/188.0.0/prettify.min.js" ></script>
  <script>
    $(document).ready(function () {
      $('pre').addClass('prettyprint  linenums');
      prettyPrint();
    })
  </script>



  <script  src="https://cdn.staticfile.org/typed.js/2.0.11/typed.min.js" ></script>
  <script>
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "Stay Hungry, Stay Foolish&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>



  <script  src="https://cdn.staticfile.org/anchor-js/4.2.2/anchor.min.js" ></script>
  <script>
    anchors.options = {
      placement: "right",
      visible: "hover",
      
    };
    var el = "h1,h2,h3,h4,h5,h6".split(",");
    var res = [];
    for (item of el) {
      res.push(".markdown-body > " + item)
    }
    anchors.add(res.join(", "))
  </script>



  <script  src="/myblog/js/local-search.js" ></script>
  <script>
    var path = "/myblog/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      getSearchFile(path);
      this.onclick = null
    }
  </script>



  <script defer src="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.js" ></script>
  <script>
    $("#post img:not(.no-zoom img, img[no-zoom])").each(
      function () {
        var element = document.createElement("a");
        $(element).attr("data-fancybox", "images");
        $(element).attr("href", $(this).attr("src"));
        $(this).wrap(element);
      }
    );
  </script>












</body>
</html>
